﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="lcmyjobs.Web.index" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ Register Src="Controls/indextop.ascx" TagName="indextop" TagPrefix="uc1" %>
<%@ Register Src="Controls/NewsList.ascx" TagName="NewsList" TagPrefix="uc2" %>
<%@ Register Src="Controls/foot.ascx" TagName="foot" TagPrefix="uc3" %>
<%@ Register Src="Controls/Bottom8.ascx" TagName="Bottom8" TagPrefix="uc4" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>首页</title>
    <meta name="google-site-verification" content="ZwlNrsF1DYkLfcFT1_jpgFSjXM-T3hkOxixtD0a4jPk" />
    <link href="css/css.css" rel="stylesheet" type="text/css" />
    <link href="css/goble.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery.slideshow.js" type="text/javascript"></script>

    <script src="Scripts/index.js" type="text/javascript"></script>
    <script language="javascript" type="text/javascript">
        var myDate = new Date();
        var sYear = myDate.getFullYear();
        var sMonth = myDate.getMonth() + 1;
        var sDate = myDate.getDate();
        function openwin(winstr) {
            this.location = winstr;
        }
        $(function () {

            $("#mytime").text(sYear + "年" + sMonth + "月" + sDate + "日");
            //$("#slide_a").slideShow();
            $("#my_job_content>div").eq(0).css("display", "block").siblings("div").css("display", "none");
            $("#job_mores").attr("href", "hunter/hemplistjobs.html");
            $("#my_job ul li").click(function () {
                var $tagnum = $("#my_job ul li").index(this);
                $(this).addClass("cur").siblings("li").removeClass("cur").end;
                $("#my_job_content>div").eq($tagnum).css("display", "block").siblings("div").css("display", "none");
                if ($tagnum == 0) {
                    $("#job_mores").attr("href", "hunter/hemplistjobs.html");
                }
                if ($tagnum == 1) {
                    $("#job_mores").attr("href", "reward/enlistjobs.html");
                }
            });
        });


    </script>



</head>
<body>
    <form id="form1" runat="server">
        <x:PageManager ID="PageManager1" runat="server" />
        <div id="lo_wrap">
            <div id="lo_top">
                <img src="css/images/one/cc_s_top.jpg" alt="聊城就业网" />

            </div>
            <div id="menu">
                <div class="lo_logo">
                    <a href="http://www.jiuye.cc/">
                        <img src="qimg/logo_03.gif" alt="logo聊城就业网标志" /></a>
                </div>

                <div class="lo_menu">
                    <div class="m_t">
                        <span style="padding: 0 22px 0 20px;">服务热线：0635-8251515</span><span style="background: url('css/images/one/m_t_01.gif') no-repeat left center; padding: 0 9px 0 15px;"><a href="../map.html" style="color: #666666;">网站地图</a></span>
                        <span style="background: url('css/images/one/m_t_02.gif') no-repeat left center; padding: 0 16px 0 15px;"><a href="javascript:window.external.AddFavorite('http://www.jiuye.cc','聊城就业网')" style="color: #666666;">加入收藏</a></span>
                        <span style="background: url('css/images/one/m_t_03.gif') no-repeat left center; padding-left: 26px; height: 24px; line-height: 24px;"><a href="../findjobs/JobSearchResume.html" style="color: #ff6600;">职位搜索</a>&nbsp;&nbsp;&nbsp;<a href="../invite/searchResume.html" style="color: #ff6600;">人才搜索</a></span>
                    </div>
                    <div class="menu">
                        <div class="menu_list">
                            <ul>
                                <li class="left"></li>
                                <li><a href="../findjobs/JobsSearch.html">找工作</a> </li>
                                <li><a href="../invite/findR.html">找人才</a> </li>
                                <li><a href="../hunter/hunter_index.html">猎头服务</a> </li>
                                <li><a href="../reward/reward_index.html">悬赏求职&bull;招聘</a> </li>
                                <li style="background: none;"><a href="../findjobs/StudentsSearch.html">在校生&bull;应届生</a> </li>
                                <li class="right"></li>
                            </ul>
                        </div>
                        <div class="s_fx">
                            <div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a title="分享到QQ空间" href="#" class="bds_qzone" data-cmd="qzone"></a><a title="分享到新浪微博" href="#" class="bds_tsina" data-cmd="tsina"></a><a title="分享到腾讯微博" href="#" class="bds_tqq" data-cmd="tqq"></a><a title="分享到人人网" href="#" class="bds_renren" data-cmd="renren"></a><a title="分享到网易微博" href="#" class="bds_t163" data-cmd="t163"></a></div>
                            <script>    window._bd_share_config = { "common": { "bdSnsKey": { "tsina": "http://service.weibo.com/share/share.php", "tqq": "http://share.v.t.qq.com/index.php", "t163": "http://t.163.com/article/user/checkLogin.do" }, "bdText": "聊城就业网(www.jiuye.cc)：为人才提供网络求职、悬赏求职、猎头服务、在校生•应届生；为单位提供网络招聘，校园招聘，猎头服务，悬赏招聘，委托招聘。", "bdMini": "1", "bdMiniList": false, "bdPic": "", "bdStyle": "1", "bdSize": "16" }, "share": {} }; with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=86835285.js?cdnversion=' + ~(-new Date() / 36e5)];</script>
                        </div>
                    </div>

                </div>
            </div>

            <div id="lo_conter1">
                <div class="center_left2">
                    <asp:Panel ID="Panel1" runat="server">

                        <div>
                            <img src="css/images/one/s_dl_01.gif" alt="" />
                        </div>
                        <div style="width: 100%; margin-bottom: 8px; height: 80px;">
                            <div style="width: 166px; margin-left: 8px; float: left;">
                                <div class="loginput" style="margin-top: 14px">

                                    <x:TextBox ID="loginname" runat="server" Required="true" EmptyText="输入用户名" Text="" Height="21px"></x:TextBox>
                                </div>
                                <div class="loginput" style="margin-top: 8px">

                                    <x:TextBox ID="password" runat="server" Required="true" CssClass="password" TextMode="Password" EmptyText="输入密码" Text=""></x:TextBox>

                                </div>
                            </div>
                            <div style="float: right; margin-top: 17px;">
                                <x:Button ID="btnLogin" Text="登录" Type="Submit" Size="Large"
                                    runat="server" OnClick="btnLogin_Click" CssClass="btnloginx inline">
                                </x:Button>
                            </div>

                        </div>
                        <div class="wzt"><span style="padding: 0 13px 0 10px;"><a href="../users/forget_pwd.html">忘记密码</a></span><span style="padding: 0 13px 0 0;"><a href="../users/reg_name.html">注册</a></span><span><a href="../users/reg_name.html">填写简历</a></span></div>

                        <div style="margin-top: 18px; height: 30px;">
                            <a title="企业注册" href="../enprise/RegisterEnterprise.html">
                                <img style="margin-left: 8px; margin-right: 15px;" src="css/images/one/s_dl_03.gif" alt="" /></a>
                            <a title="企业登录" href="../enprise/EnterpriseLogin.html">
                                <img src="css/images/one/s_dl_04.gif" alt="" /></a>
                        </div>
                    </asp:Panel>

                    <asp:Panel ID="Panel2" runat="server" Visible="False">
                        <div>
                            <img src="css/images/one/s_dl_01.gif" alt="" />
                        </div>
                        <div class="dhg" style="display: ">
                            <div class="dhg_t">
                                <div class="dhg_t_left">欢迎您：<asp:Label ID="lblName" runat="server"></asp:Label></div>
                                <div class="dhg_t_right">
                                    <asp:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton1_Click" CausesValidation="False">安全退出</asp:LinkButton>
                                </div>
                            </div>
                            <div class="dhg_m">
                                <div class="dhg_m_left">
                                    <ul>
                                        <li><a href="../users/user_job.html">我的简历</a></li>
                                        <li><a href="../users/user_emp.html">申请的职位</a></li>
                                        <li><a href="../users/user_interview.html">面试通知</a></li>
                                    </ul>
                                </div>
                                <div class="dhg_m_right">
                                    <ul>
                                        <li>
                                            <asp:LinkButton ID="lb_refresh" runat="server" OnClick="lb_refresh_click" CssClass="ma">刷新简历</asp:LinkButton>
                                        </li>
                                        <li><a href="../users/user_browse.html">单位浏览记录</a></li>
                                        <li><a href="../users/user_search.html">职位搜索</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="dhg_b">
                                <input type="button" class="btn" value="" style="height: 30px; width: 118px; cursor: pointer; background-image: url('css/images/one/s_dhg01.gif'); color: White; border: 0px; float: left;"
                                    onclick="javascript: self.location = '../users/user_main.html'" />
                            </div>
                        </div>
                    </asp:Panel>

                    <asp:Panel ID="Panel3" runat="server" Visible="False">
                        <div>
                            <img src="css/images/one/s_dhq01.gif" alt="" />
                        </div>
                        <div class="dhg" style="display: ">
                            <div class="dhq_t">
                                <div>欢迎您：</div>
                                <div>
                                    <asp:Label ID="lbl_enterprise" runat="server" Text="Label" Font-Size="12px"></asp:Label>
                                </div>
                                <div style="height: 27px; width: auto;">
                                    <ul>
                                        <li><a href="../enprise/EnterpriseIndex.html" style="color: #ff6600;">管理中心</a></li>
                                        <li><a href="../enprise/SetTop.html" style="color: #ff6600;">VIP固定位置</a></li>
                                        <li>
                                            <asp:LinkButton ID="LinkButton2" runat="server" OnClick="LinkButton1_Click" CausesValidation="False" ForeColor="#ff6600">安全退出</asp:LinkButton></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="dhq_b">
                                <img src="css/images/one/s_dhq02.gif" alt="" />
                            </div>
                        </div>
                    </asp:Panel>
                </div>
                <!-- 要用图片切换效果，请用如下代码
            <div class="center_middle">
					<div style="width:465px; height:207px; overflow:hidden;">
                    <div id="focus">
                    <ul>
                    <li><a href="/article-355.html" target="_blank"><img src="css/images/one/guangao01.jpg" width="465" height="207" alt=""/></a></li>
                    <li><a href="/article-355.html" target="_blank"><img src="css/images/one/guangao02.jpg" width="465" height="207" alt=""/></a></li>
                    </ul>
                    </div>
                    </div>
            </div>
             -->
                <div class="center_middle">
                    <div style="width: 465px; height: 207px; overflow: hidden;">
                        <div id="focus">
                            <ul>
                                <li>
                                    <a href="/article-355.html" target="_blank">
                                        <img src="css/images/one/guangao01.jpg" width="465" height="207" alt="" /></a>
                                </li>
                                <li><a href="/article-355.html" target="_blank">
                                    <img src="css/images/one/guangao02.jpg" width="465" height="207" alt="" /></a></li>
                            </ul>
                        </div>

                    </div>
                </div>



                <div class="center_right">
                    <div class="gongg_box">
                        <p class="ggxw_bt"><span class="spgd_right"><a target="_blank" href="../article-ntid-1.html">更多</a></span>网站公告</p>
                        <div class="ggxx_nr2">
                            <uc2:NewsList ID="NewsList1" runat="server" />

                        </div>
                    </div>
                </div>
            </div>
            <div class="sy_center2">
                <div class="ltzw_box">
                    <p class="ltzw_bt"><span class="spgd_right"><a target="_blank" href="../hunter/hemplist.html">更多</a></span> 猎头职位</p>
                    <div class="ltzw_nr">
                        <div class="zwnr_bt1">

                            <p class="dyg_bt">
                                <asp:Literal ID="ltr_hunterJobsTop" runat="server"></asp:Literal>

                            </p>
                        </div>
                        <div class="zw_list ltzw_list">
                            <asp:Literal ID="lti_hunterL" runat="server"></asp:Literal>
                        </div>
                    </div>
                </div>
                <div class="xszw_box">
                    <p class="xszw_bt"><span class="spgd_right"><a target="_blank" href="../reward/enlist.html">更多</a></span>悬赏职位</p>
                    <div class="xszw_nr">
                        <div class="zwnr_bt1">

                            <p class="dyg_bt">
                                <asp:Literal ID="ltr_RewardJobsTop" runat="server"></asp:Literal>
                            </p>
                        </div>
                        <div class="zw_list xsqz_list">
                            <asp:Literal ID="lti_rewardL" runat="server"></asp:Literal>
                        </div>
                    </div>
                </div>
                <div class="mffw_box">
                    <p class="mffw_bt">了解我就业网<span style="color: #ff6600; padding-left: 6px;"></span></p>
                    <div class="mffw_nr">
                        <div class="mffw_li">
                            <img style="width: 49px; height: 67px; float: left;" src="css/images/one/mffw02.gif" alt="" />
                            <div style="float: left; padding-left: 13px;">
                                <p class="mffw_li_p1"><a target="_blank" href="/article-375.html">猎头职位</a></p>
                                <p class="mffw_li_p2">
                                    专业猎头为您，发现、追踪、<br />
                                    评价、甄选和举荐高级人才
                                </p>
                            </div>
                        </div>
                        <div class="mffw_li">
                            <img style="width: 49px; height: 67px; float: left;" src="css/images/one/mffw03.gif" alt="" />
                            <div style="float: left; padding-left: 13px;">
                                <p class="mffw_li_p1"><a target="_blank" href="/reward/reward_news-376.html">悬赏职位</a></p>
                                <p class="mffw_li_p2">
                                    发挥社会力量，借助猎手人脉<br />
                                    资源，让您的悬赏信息迅速
                                </p>
                            </div>
                        </div>
                        <div class="mffw_li">
                            <img style="width: 49px; height: 67px; float: left;" src="css/images/one/mffw04.gif" alt="" />
                            <div style="float: left; padding-left: 13px;">
                                <p class="mffw_li_p1"><a target="_blank" href="/reward/reward_news-377.html">悬赏求职</a></p>
                                <p class="mffw_li_p2">
                                    发挥社会力量，借助猎手人脉<br />
                                    资源，让您的悬赏信息迅速
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="syggw_img">
                <div class="sygg1">
                    <asp:HyperLink ID="HyperLink1" runat="server" Target="_blank" Visible="false"></asp:HyperLink>
                </div>
                <div class="sygg4">
                    <ul>
                        <li>
                            <asp:HyperLink ID="HyperLink2" runat="server" Target="_blank" Visible="false"></asp:HyperLink></li>
                        <li>
                            <asp:HyperLink ID="HyperLink3" runat="server" Target="_blank" Visible="false"></asp:HyperLink></li>
                        <li>
                            <asp:HyperLink ID="HyperLink4" runat="server" Target="_blank" Visible="false"></asp:HyperLink></li>
                        <li>
                            <asp:HyperLink ID="HyperLink5" runat="server" Target="_blank" Visible="false"></asp:HyperLink></li>
                    </ul>
                </div>
                <div class="sygg5">
                    <ul>
                        <li>
                            <asp:HyperLink ID="HyperLink6" runat="server" Target="_blank" Visible="false"></asp:HyperLink></li>
                        <li>
                            <asp:HyperLink ID="HyperLink7" runat="server" Target="_blank" Visible="false"></asp:HyperLink></li>
                        <li>
                            <asp:HyperLink ID="HyperLink8" runat="server" Target="_blank" Visible="false"></asp:HyperLink></li>
                        <li>
                            <asp:HyperLink ID="HyperLink9" runat="server" Target="_blank" Visible="false"></asp:HyperLink></li>
                        <li>
                            <asp:HyperLink ID="HyperLink10" runat="server" Target="_blank" Visible="false"></asp:HyperLink></li>
                    </ul>
                </div>
                <div class="sygg5">
                    <ul>
                        <li>
                            <asp:HyperLink ID="HyperLink11" runat="server" Target="_blank" Visible="false"></asp:HyperLink></li>
                        <li>
                            <asp:HyperLink ID="HyperLink12" runat="server" Target="_blank" Visible="false"></asp:HyperLink></li>
                        <li>
                            <asp:HyperLink ID="HyperLink13" runat="server" Target="_blank" Visible="false"></asp:HyperLink></li>
                        <li>
                            <asp:HyperLink ID="HyperLink14" runat="server" Target="_blank" Visible="false"></asp:HyperLink></li>
                        <li>
                            <asp:HyperLink ID="HyperLink15" runat="server" Target="_blank" Visible="false"></asp:HyperLink></li>
                    </ul>
                </div>
            </div>
            <div class="vip_box">
                <p class="vip_btp">热门职位招聘</p>
                <div class="vip_nr">
                    <div class="vipJobs">
                        <div class="jobscontentL">
                            <asp:Literal ID="lti_vipL" runat="server"></asp:Literal>
                        </div>
                        <div class="jobscontentM">
                            <asp:Literal ID="lti_vipM" runat="server"></asp:Literal>
                        </div>
                        <div class="jobscontentR">
                            <asp:Literal ID="lti_vipR" runat="server"></asp:Literal>
                        </div>

                    </div>
                    <div class=" clear"></div>
                </div>
            </div>
            <div class="zph_box">
                <div class="zphk_1">
                    <p class="zph_bt">热门专题</p>
                    <asp:Literal ID="Lti_atical1" runat="server"></asp:Literal>
                </div>
                <div class="zphk_2">
                    <a href="/article-355.html" target="_blank">
                        <img src="css/images/one/zwf_03.gif" alt="" /></a>
                </div>

                <div class="zphk_1">
                    <p class="zph_bt">招聘会&bull;人才市场</p>
                    <asp:Literal ID="lti_newList" runat="server"></asp:Literal>
                </div>
                <div class="zphk_2">
                    <a href="/article-379.html" target="_blank">
                        <img src="css/images/one/zwf_04.gif" alt="" /></a>
                </div>


            </div>
            <!--最新招聘begin-->
            <div class="newzp_box">
                <div class="gjrc_left">
                    <p class="gjrc_bt"><span class="spgd_right1"><a target="_blank" href="../hunter/hadvlist.html">更多</a></span>高级人才</p>
                    <div class="gjrc_th">
                        <p class="g1">编号</p>
                        <p class="g2">求职意向</p>
                        <p class="g3">年薪</p>
                    </div>
                    <div class="gjqz_div">
                        <asp:Repeater ID="Repeater1" runat="server">
                            <HeaderTemplate>
                                <table cellpadding="0" cellspacing="0" border="0" class="qjrc_tab">
                            </HeaderTemplate>
                            <ItemTemplate>
                                <tr>
                                    <td class="g1">
                                        <a target="_blank" href='hunter/show_user-<%# Eval("abh")%>.html'>
                                            <%# Eval("abh")%></a>
                                    </td>
                                    <td class="g2">
                                        <%# lcmyjobs.BLL.Tools.RemoveHtml(Eval("jobs").ToString(), 20)%>
                                    </td>
                                    <td class="g3">
                                        <%# Eval("yearpay")%>万
                                    </td>
                                </tr>
                            </ItemTemplate>
                            <FooterTemplate>
                                </table>
                            </FooterTemplate>
                        </asp:Repeater>
                    </div>
                </div>
                <div class="xsrc_middle">
                    <p class="xsrc_bt"><span class="spgd_right1"><a target="_blank" href="../reward/userlist.html">更多</a></span>悬赏人才</p>
                    <div class="xsrc_th">
                        <p class="x1">编号</p>
                        <p class="x2">求职意向</p>
                        <p class="x3">悬赏金额</p>
                    </div>
                    <div class="gjqz_div">
                        <asp:Repeater ID="Repeater2" runat="server">
                            <HeaderTemplate>
                                <table cellpadding="0" cellspacing="0" border="0" class="qjrc_tab">
                            </HeaderTemplate>
                            <ItemTemplate>
                                <tr>
                                    <td class="x1">
                                        <a target="_blank" href='reward/show_user-<%# Eval("rbh")%>.html'>
                                            <%# Eval("rbh")%></a>
                                    </td>
                                    <td class="x2">
                                        <%# lcmyjobs.BLL.Tools.RemoveHtml(Eval("jobs").ToString(),20)%>
                                    </td>
                                    <td class="x3">
                                        <%# Eval("reward")%>元
                                    </td>
                                </tr>
                            </ItemTemplate>
                            <FooterTemplate>
                                </table>
                            </FooterTemplate>
                        </asp:Repeater>
                    </div>
                </div>
                <div class="jpzw_right">
                    <p class="jpzw_bt"><span class="spgd_right1"><a target="_blank" href="../findjobs/ListIsFristJobs.html">更多</a></span>急聘职位</p>
                    <div class="jpzw_th">
                        <p class="j1">急聘职位</p>
                        <p class="j2">招聘单位</p>
                        <p class="j3">月薪待遇</p>
                    </div>
                    <div class="gjqz_div">

                        <asp:Repeater ID="rpt_jpzw" runat="server">
                            <HeaderTemplate>
                                <table cellpadding="0" cellspacing="0" border="0" class="qjrc_tab">
                            </HeaderTemplate>
                            <ItemTemplate>
                                <tr>
                                    <td class="j1">
                                        <a target="_blank" href='<%# "../findjobs/JobsInfo-" + Eval("enterprise_rid") +".html"%>'>
                                            <%# Eval("jobs_name")%></a>
                                    </td>
                                    <td class="j2">
                                        <%# lcmyjobs.BLL.Tools.RemoveHtml(Eval("name").ToString(), 22)%>
                                    </td>
                                    <td class="j3">
                                        <%# lcmyjobs.BLL.Tools.GetSalary(Eval("salarym").ToString())%>
                                    </td>
                                </tr>
                            </ItemTemplate>
                            <FooterTemplate>
                                </table>
                            </FooterTemplate>
                        </asp:Repeater>

                    </div>
                </div>
            </div>
            <div class="infoBoxGroup">
                <div class="infoBox">
                    <p class="sjk_bt"><a href="../article-ntid-3.html">就业指导</a></p>
                    <div class="infoBox_div">
                        <div class="infoBox_left">
                            <a target="_blank" href="/article-381.html">
                                <img width="100" height="80" src="css/images/one/wz01.jpg" alt="" /></a>
                            <br />
                            <a target="_blank" href="/article-381.html" style="line-height: 28px;">注水简历不可取</a>
                        </div>
                        <div class="infoBox_right">
                            <asp:Literal ID="lti_bot1" runat="server"></asp:Literal>
                        </div>
                    </div>
                </div>
                <div class="infoBox">
                    <p class="sjk_bt"><a href="../article-ntid-4.html">职业规划</a></p>
                    <div class="infoBox_div">
                        <div class="infoBox_left">
                            <a target="_blank" href="/article-382.html">
                                <img width="100" height="80" src="css/images/one/wz02.jpg" alt="" /></a>
                            <br />
                            <a target="_blank" href="/article-382.html" style="line-height: 28px;">做好职业规划</a>
                        </div>
                        <div class="infoBox_right">
                            <asp:Literal ID="lti_bot2" runat="server"></asp:Literal>
                        </div>
                    </div>
                </div>
                <div class="infoBox02">
                    <p class="sjk_bt"><a href="../article-ntid-8.html">猎头服务资讯</a></p>
                    <div class="infoBox_div">
                        <div class="infoBox_left">
                            <a target="_blank" href="/article-375.html">
                                <img width="100" height="80" src="css/images/one/wz03.jpg" alt="" /></a>
                            <br />
                            <a target="_blank" href="/article-375.html" style="line-height: 28px;">猎头职位</a>
                        </div>
                        <div class="infoBox_right">
                            <asp:Literal ID="lti_bot3" runat="server"></asp:Literal>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <uc4:Bottom8 ID="Bottom81" runat="server" />

    </form>

    <script src="Scripts/jquery-1.6.4.min.js" type="text/javascript"></script>
    <!--[if IE 6]>
<script type="text/javascript" src="Scripts/DD_belatedPNG_0.0.8a.js"></script>
<script type="text/javascript">DD_belatedPNG.fix('*');</script> <![endif]-->
    <script type="text/javascript">
        $(function () {
            var sWidth = $("#focus").width(); //获取焦点图的宽度（显示面积）
            var len = $("#focus ul li").length; //获取焦点图个数
            var index = 0;
            var picTimer;

            //以下代码添加数字按钮和按钮后的半透明条，还有上一页、下一页两个按钮
            var btn = "<div class='btnBg'></div><div class='btn'>";
            for (var i = 0; i < len; i++) {
                btn += "<span></span>";
            }
            btn += "</div><div class='preNext pre'></div><div class='preNext next'></div>";
            $("#focus").append(btn);
            $("#focus .btnBg").css("opacity", 0.5);

            //为小按钮添加鼠标滑入事件，以显示相应的内容
            $("#focus .btn span").css("opacity", 0.4).mouseenter(function () {
                index = $("#focus .btn span").index(this);
                showPics(index);
            }).eq(0).trigger("mouseenter");

            //上一页、下一页按钮透明度处理
            $("#focus .preNext").css("opacity", 0.2).hover(function () {
                $(this).stop(true, false).animate({ "opacity": "0.5" }, 300);
            }, function () {
                $(this).stop(true, false).animate({ "opacity": "0.2" }, 300);
            });

            //上一页按钮
            $("#focus .pre").click(function () {
                index -= 1;
                if (index == -1) { index = len - 1; }
                showPics(index);
            });

            //下一页按钮
            $("#focus .next").click(function () {
                index += 1;
                if (index == len) { index = 0; }
                showPics(index);
            });

            //本例为左右滚动，即所有li元素都是在同一排向左浮动，所以这里需要计算出外围ul元素的宽度
            $("#focus ul").css("width", sWidth * (len));

            //鼠标滑上焦点图时停止自动播放，滑出时开始自动播放
            $("#focus").hover(function () {
                clearInterval(picTimer);
            }, function () {
                picTimer = setInterval(function () {
                    showPics(index);
                    index++;
                    if (index == len) { index = 0; }
                }, 3000); //此3000代表自动播放的间隔，单位：毫秒
            }).trigger("mouseleave");

            //显示图片函数，根据接收的index值显示相应的内容
            function showPics(index) { //普通切换
                var nowLeft = -index * sWidth; //根据index值计算ul元素的left值
                $("#focus ul").stop(true, false).animate({ "left": nowLeft }, 300); //通过animate()调整ul元素滚动到计算出的position
                //$("#focus .btn span").removeClass("on").eq(index).addClass("on"); //为当前的按钮切换到选中的效果
                $("#focus .btn span").stop(true, false).animate({ "opacity": "0.4" }, 300).eq(index).stop(true, false).animate({ "opacity": "1" }, 300); //为当前的按钮切换到选中的效果
            }
        });

    </script>

</body>
</html>
